<html><head>
		<title>WebCox</title>
		<link href="./css/styles.css" rel="stylesheet" type="text/css">
		</script><script src="./js/jquery-1.8.2.min.js" language="JavaScript" type="text/javascript"></script>
		<script src="./js/utility_regist.js" language="JavaScript" type="text/javascript"></script>
	</head>

	<body>

		<div id="main_container">

			<div id="left_container">

				<!-- Logo Start -->
				<div id="title">

					<div id="logo">
						<h1>COX</h1>
					</div>

					<div id="name">
						<h3>Web-based Distributed Cox Regression Model</h3>
					</div>

				</div>
				<!-- Logo End -->

				<!-- Navigation Start-->
				<div id="navigation" class="border rounded-upper">

					<div id="nav_header" class="bottom-border">
						<h3>Navigation</h3></div>

					<a id="nav_login" class="nav bottom-border" href="./login.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="">Login</h2>
							<p>Log into the COX system</p>
						</div>
					</a>
					
					<a id="nav_home" class="nav bottom-border" href="./index.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="">Home</h2>
							<p>View your COX profile page</p>
						</div>
					</a>

					<a id="nav_instructions" class="nav bottom-border" href="./instructions.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="">Instructions</h2>
							<p>Learn the fundamentals of using COX</p>
						</div>
					</a>

					<a id="nav_registration" class="nav bottom-border" href="./registration.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="hightlighted">Registration</h2>
							<p>Register an account in COX</p>
						</div>
					</a>

					<a id="nav_createTask" class="nav bottom-border" href="./createTask.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Create Task</h2>
							<p>Create a new COX task</p>
						</div>
					</a>
					
					<a id="nav_wait" class="nav bottom-border" href="./WaitForParticipants.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>WaitForParticipants</h2>
							<p>Wait for other participants</p>
						</div>
					</a>

					<a id="nav_compute" class="nav bottom-border" href="./computation.jsp">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Computation</h2>
							<p>Computation process</p>
						</div>
					</a>

					<a id="team" class="nav bottom-border" href="./team.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Team</h2>
							<p>Team members</p>
						</div>
					</a>
					
				</div>
				<!-- Navigation End-->
				
			</div>
				

			

			<div id="right_container" class="border rounded-upper">

				<div id="header" class="bottom-border">
					<h2>Registration</h2>
				</div>

				<div id="error_display">

				</div>

				<div id="content">

					<form id = 'register'>
						<div> 
							<div  class='alignleft'><span>First name</span></div>
							<div id = 'register_firstName' class = 'formComfirmationImg wrong alignright' ></div>
							<div class='alignright'><input type='text' id='firstName' name='firstName'></div>
						</div>
						<div class = 'clear'></div>
						<div> 
							<div class='alignleft'><span>Last name</span></div>
							<div id = 'register_lastName' class = 'formComfirmationImg wrong alignright' ></div>
							<div class='alignright'><input type='text' id='lastName' name='lastName'></div>
						</div>
						<div class = 'clear'></div>
						<div> 
							<div class='alignleft'><span>Email(* permanent identifier)</span></div>
							<div id = 'register_email' class = 'formComfirmationImg wrong alignright' ></div>
							<div class='alignright'><input type='text' id='email' name='email'></div>
						</div>
						<div class = 'clear'></div>
						<div> 
							<div class='alignleft'><span>Confirm Email</span></div>
							<div id = 'register_comfirmEmail' class = 'formComfirmationImg wrong alignright' ></div>
							<div class='alignright'><input type='text' id='comfirmEmail' name='comfirmEmail'></div>
						</div>
						<div class = 'clear'></div>
						<div> 
							<div class='alignleft'><span>Password</span></div>
							<div id = 'register_password' class = 'formComfirmationImg wrong alignright' ></div>
							<div class='alignright'><input type='password' id='password' name='password'></div>
						</div>
						<div class = 'clear'></div>
						<div> 
							<div class='alignleft'><span>Confirm Password</span></div>
							<div id = 'register_comfirmPassword' class = 'formComfirmationImg wrong alignright' ></div>
							<div class='alignright'><input type='password' id='comfirmPassword' name='comfirmPassword'></div>
						</div>
						<div class = 'clear'></div>
						<button type = 'button' id='register_submit'>Register</button>
					</form>

				</div>

			</div>

		</div>
		<!-- Main content End-->
	

</body></html>